<template>
  <div id="main">
    <router-link to="/Search">
      <Search></Search>
    </router-link>
    <Sudoku></Sudoku>
    <NoticeBar></NoticeBar>
    <Nav></Nav>
    <Moods></Moods>
    <Tad_></Tad_>
    <Tab></Tab>
  </div>
</template>

<script>
import Search from "./Main/Main_01.vue";
import Sudoku from "./Main/Main_02.vue";
import NoticeBar from "./Main/Main_03.vue";
import Nav from "./Main/Main_04.vue";
import Moods from "./Main/Main_05.vue";
import Tad_ from "./Main/Main_06.vue";
import Tab from "./Tab.vue";
export default {
  name: "Main",
  components: {
    Sudoku,
    NoticeBar,
    Nav,
    Moods,
    Tad_,
    Tab,
    Search,
  },
};
</script>

<style scoped>
#main {
  background-color: #fff;
  flex: 1;
  /* margin-bottom: 0.49rem; */
  /* position: relative; */
  /* top: 0.75rem; */
}
</style>
